.big {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgb(248, 246, 247);
    flex-direction: column;
    .top {
      width: 100%;
      height: 586rpx;
      background-image: url(https://images.tengfangyun.com/images/new_icon/adviser_list_bg1.png?x-oss-process=style/w_8601);
      display: flex;
      background-size: 100%;
      background-color: rgb(255, 101, 109);
      flex-direction: column;
      .input {
        width: 86%;
        margin: 0 auto;
        margin-top: 10rpx;
        border-radius: 10rpx;
        height: 70rpx;
        background-color: rgb(252, 194, 193);
        display: flex;
        img {
          width: 45rpx;
          height: 45rpx;
          margin-left: 30rpx;
          margin-top: 10rpx;
          color: #fff;
        }
        input {
          margin-left: 20rpx;
          line-height: 70rpx;
          margin-top: 10rpx;
        }
      }

      .ranking_list{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        .left{
            width: 200rpx;
            height: 280rpx;
            background: white;
            float: left;
            border-radius: 20rpx 20rpx 0px 0px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            .abso_img{
                width: 120rpx;
                height: 120rpx;
                border-radius: 50%;
                margin-top: 12px;
                position: absolute;
            }
            .abso_logo{
                width: 200rpx;
                height: 80rpx;
                position: relative;
                top: 62px;
            }
            .abso_h2{
                width: 100%;
                height: 25px;
                text-align: center;
                line-height: 25px;
                top: 14px;
                position: relative;
            }
        }
        .middle{
            width: 260rpx;
            height: 350rpx;
            background: white;
            float: left;
            margin: 0px 4px;
            border-radius: 20rpx 20rpx 0px 0px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            .abso_span{
                width: 140rpx;
                height: 140rpx;
                display: inline-block;
                position:relative ;
                .abso_img{
                    width: 140rpx;
                    height: 140rpx;
                    border-radius: 50%;
                    margin-top: 25px;
                    // position: absolute;
                }
                .abso_quan{
                    width: 195rpx;
                    height: 147rpx;
                    border-radius: 50%;
                    margin-top: 12px;
                    position: relative;
                    top: -94px;
                    left: -26rpx;
                }
            }
            
            .abso_logo{
                width: 230rpx;
                height: 84rpx;
                position: relative;
                top: -7px;
            }
            .abso_h2{
                width: 100%;
                height: 25px;
                text-align: center;
                line-height: 25px;
                position: relative;
                top: -15px;
            }
        }
        .right{
            width: 200rpx;
            height: 280rpx;
            background: white;
            float: left;
            border-radius: 20rpx 20rpx 0px 0px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            .abso_img{
                width: 120rpx;
                height: 120rpx;
                border-radius: 50%;
                margin-top: 12px;
                position: absolute;
            }
            .abso_logo{
                width: 200rpx;
                height: 80rpx;
                position: relative;
                top: 62px;
            }
            .abso_h2{
                width: 100%;
                height: 25px;
                text-align: center;
                line-height: 25px;
                top: 14px;
                position: relative;
            }
        }
        
      }
    }
    .main {
      width: 100%;
      flex: 1;
      display: flex;
      flex-direction: column;
      background-color: #fff;
      margin-top: 20rpx;
      .main_meili {
        width: 100%;
        height: 220rpx;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-around;
        .meili_left {
          width: 510rpx;
          height: 100%;
          // margin-left: -140rpx;
          display: flex;
          h3 {
            // margin-left: 50rpx;
            line-height: 220rpx;
          }
          img {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin-top: 60rpx;
            margin-left: 20rpx;
          }
          span {
            margin-top: 60rpx;
            margin-left: 20rpx;
            display: flex;
            flex-direction: column;
            width: 160rpx;
            height: 110rpx;
            h2 {
              font-weight: 600;
            }
            p {
              color: #999;
              margin-top: 20rpx;
            }
          }
        }
        .meili_right {
          width: 160rpx;
          height: 100rpx;
          display: flex;
          margin-top: 80rpx;
          justify-content: space-around;
          span{
            width: 60rpx;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            height: 60rpx;
            background-color: #FDEDED;
          }
          
          }
          .iconfont{
            width: 50rpx;
            height: 40rpx;
            font-size: 50rpx;
            color: #FD6464;
            background-color: #FD6464;
        }
      }
      .main_jingliu {
        width: 100%;
        height: 220rpx;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-around;
        .meili_left {
          width: 510rpx;
          height: 100%;
          display: flex;
          h3 {
            // margin-left: 50rpx;
            line-height: 220rpx;
          }
          img {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin-top: 60rpx;
            margin-left: 20rpx;
          }
          span {
            margin-top: 60rpx;
            margin-left: 20rpx;
            display: flex;
            flex-direction: column;
            width: 160rpx;
            height: 110rpx;
            h2 {
              font-weight: 600;
            }
            p {
              color: #999;
              margin-top: 20rpx;
            }
          }
        }
        .meili_right {
          width: 160rpx;
          height: 100rpx;
          display: flex;
          margin-top: 80rpx;
          justify-content: space-around;
          span{
            width: 60rpx;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            height: 60rpx;
            background-color: #FDEDED;
          }
          
          }
          .iconfont{
            width: 50rpx;
            height: 40rpx;
            font-size: 50rpx;
            color: #FD6464;
            background-color: #FD6464;
        }
      }
      .main_shanshan {
        width: 100%;
        height: 220rpx;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-around;
        .meili_left {
          width: 510rpx;
          height: 100%;
          display: flex;
          h3 {
            // margin-left: 50rpx;
            line-height: 220rpx;
          }
          img {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin-top: 60rpx;
            margin-left: 20rpx;
          }
          span {
            margin-top: 60rpx;
            margin-left: 20rpx;
            display: flex;
            flex-direction: column;
            width: 160rpx;
            height: 110rpx;
            h2 {
              font-weight: 600;
            }
            p {
              color: #999;
              margin-top: 20rpx;
            }
          }
        }
        .meili_right {
          width: 160rpx;
          height: 100rpx;
          display: flex;
          margin-top: 80rpx;
          justify-content: space-around;
          span{
            width: 60rpx;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            height: 60rpx;
            background-color: #FDEDED;
          }
          
          }
          .iconfont{
            width: 50rpx;
            height: 40rpx;
            font-size: 50rpx;
            color: #FD6464;
            background-color: #FD6464;
        }
      }
      .main_xiaoxu {
        width: 100%;
        height: 220rpx;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-around;
        .meili_left {
          width: 510rpx;
          height: 100%;
          display: flex;
          h3 {
            // margin-left: 50rpx;
            line-height: 220rpx;
          }
          img {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin-top: 60rpx;
            margin-left: 20rpx;
          }
          span {
            margin-top: 60rpx;
            margin-left: 20rpx;
            display: flex;
            flex-direction: column;
            width: 160rpx;
            height: 110rpx;
            h2 {
              font-weight: 600;
            }
            p {
              color: #999;
              margin-top: 20rpx;
            }
          }
        }
        .meili_right {
          width: 160rpx;
          height: 100rpx;
          display: flex;
          margin-top: 80rpx;
          justify-content: space-around;
          span{
            width: 60rpx;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            height: 60rpx;
            background-color: #FDEDED;
          }
          
          }
          .iconfont{
            width: 50rpx;
            height: 40rpx;
            font-size: 50rpx;
            color: #FD6464;
            background-color: #FD6464;
        }
      }
      .main_xiaofang {
        width: 100%;
        height: 220rpx;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-around;
        .meili_left {
          width: 510rpx;
          height: 100%;
          display: flex;
          h3 {
            // margin-left: 50rpx;
            line-height: 220rpx;
          }
          img {
            width: 100rpx;
            height: 100rpx;
            border-radius: 50%;
            margin-top: 60rpx;
            margin-left: 20rpx;
          }
          span {
            margin-top: 60rpx;
            margin-left: 20rpx;
            display: flex;
            flex-direction: column;
            width: 350rpx;
            height: 110rpx;
            h2 {
              font-weight: 600;
            }
            p {
              color: #999;
              margin-top: 20rpx;
            }
          }
        }
        .meili_right {
          width: 160rpx;
          height: 100rpx;
          display: flex;
          margin-top: 80rpx;
          justify-content: space-around;
          span{
            width: 60rpx;
            border-radius: 50%;
            text-align: center;
            align-items: center;
            height: 60rpx;
            background-color: #FDEDED;
          }
          
          }
          .iconfont{
            width: 50rpx;
            height: 40rpx;
            font-size: 50rpx;
            color: #FD6464;
            background-color: #FD6464;
        }
      }
    }
    }